[class*=icon-] {
    position: relative;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.icon-arrow-left {
    width: 16px;
    height: 16px;
    background-image: url(../img/icon/arrow@left_gray.png);
}
.icon-arrow-right {
    width: 16px;
    height: 16px;
    background-image: url(../img/icon/arrow@left_gray.png);
}
.icon-arrow-left.black{
    background-image: url(../img/icon/arrow@left.png);
}
.icon-arrow-right.black {
    background-image: url(../img/icon/arrow@left.png);
}